<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 
    CSS 可以通过以下方式添加到HTML中:
        内联样式- 在HTML元素中使用"style" 属性
        内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
        外部引用 - 使用外部 CSS 文件
 -->

<body style="background-color: yellow;">
    <h2 style="background-color: red;">这是一个标题</h2>
    <p style="background-color: green;">这是一个段落</p>
    <!-- 字体，字体颜色，字体大小
        font-family为字体 -->
    <h1 style="font-family:sans-serif; color: aqua; font-size: 60px;">这是一个标题</h1>
    <!-- 文本对齐方式 -->
    <h1 style="text-align: center;">居中对齐的标题</h1>
</body>
</html>